﻿<div class="note" id="note<?php echo $Note->id?>" style="top:<?php echo $Note->pos_y?>px; left:<?php echo $Note->pos_x?>px; position:absolute; z-index:<?php echo $Note->pos_z?>">
    <div class="head">

	<div class="removeNote">X</div>
    </div>
    <div class="content" rel="<?php echo $Note->font ?>">
	<?php echo $Note->content ?>
    </div>
</div>
<script type="text/javaScript">

    $("#note<?php echo $Note->id?> .content").sifr({
        font: '<?php echo $Note->font ?>',
        width:210,
        height:200,
        fontSize:'12px'
    });
    $('#note<?php echo $Note->id; ?>').css('z-index', <?php echo $Note->pos_z; ?>);
    makeNotesDraggable('#note<?php echo $Note->id; ?>');
    //update tab id
    $("#noteTabs li.ui-state-active").attr("id", "tab<?php echo $Note->tab_id; ?>");
</script>
